<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Min-Height - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">min-height</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE6</b>|<b class="s">N6</b>|<b><i class="fs">O4</i></b>]<br></td>
    <td colspan=2 align=center><b class="alert">Other Dimension Properties</b><br></td>
</tr>
<tr>
    <td><a href="width.htm">width</a><br>
        <a href="minwidth.htm">min-width</a><br>
        <a href="maxwidth.htm">max-width</a><br></td>
    <td><a href="lineheight.htm">line-height</a><br>
        <a href="height.htm">height</a><br>
        <a href="maxheight.htm">max-height</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0 >
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">0</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>All except inline non-replaced and table elements</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Visual</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA</td></tr>
<tr><th align=left><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-heights">CSS2: Sect. 10.7</a>,
        <a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">CSS2.1: Sect 10.7</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This property allows a minimum height to be set for an element box. The
        calculation for the element's height may be greater than this value, but if
        the value falls below this value it will recompute the height based on the
        'min-height' value. If the value of 'min-height' is greater than the value of
        'max-height', the 'max-height' property value becomes the 'min-height' value.
        If the calculated value for the 'height' property is less than the 'min-height'
        value, the calculations are done again using the 'min-height' value as the
        value for the 'height' property.
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b class="s">N6</b>|<b><i class="fs">O4</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Explicitly sets the value of this property to that of the parent.</dd>

<dt><b class="subheading">[length]</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE6</b>|<b class="s">N6</b>|<b><i class="fs">O4</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Refers to an absolute measurement for the minimum computed element
        box height. Negative values are not allowed.</dd>

<dt><b class="subheading">[percentage]</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE6</b>|<b class="s">N6</b>|<b><i class="fs">O4</i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Calculated</dd>
    <dd><b class="l3heading">Description:</b><br>
        Refers to a percentage of height of the containing element block. If a
        height is not explicitly given for the containing block, it should
        be treated like 'auto'.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">h5</b>
        { <span class="property">min-height:</span> 100px }</div>
    <dd><div class="example">In-Line:&#160; &lt;<b class="tagname">h5</b>
        <span class="tagattrib">STYLE</span>=&quot;<span
        class="property">min-height:</span>
        100px&quot;&gt;text&lt;/<b class="tagname">h5</b>&gt;</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Internet Explorer's online reference says that for IE6, this property
        only applies to TD, TH and TR elements in tables that have the
        'table-layout' property set to "fixed".
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>